<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>制作商品列表，竖列两栏</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
    </style>
    <link rel="stylesheet" href="./goods/goods.css">
</head>
<body>
<ul class="nav">
    <li class="active">爆款专区</li>
    <li>精选专区</li>
    <li>男士专区</li>
    <li>女士专区</li>
    <li>捡漏专区</li>
</ul>
<div class="clear"></div>
<div class="native">
    <div class="goods-item">
        <a href="#" title="{{商品标题}}的展示图" class="pic-par">
            <img src="/util/img/001.png" alt="{{商品标题}}">
        </a>
        <a href="#" class="desc">
            <span class="title">
                离离原上草 一岁一枯荣 野火烧不尽 春风吹又生 离离原上草 一岁一枯荣 野火烧不尽 春风吹又生
            </span>
            <div class="line-2">
                <span class="price fl">900 元</span>
                <span class="sales fr">999+</span>
            </div>
        </a>
    </div>
    <div class="goods-item">2商品</div>
    <div class="goods-item">3商品</div>
    <div class="goods-item">4商品</div>
    <div class="goods-item">5商品</div>
    <div class="goods-item">6商品</div>
    <div class="goods-item">7商品</div>
    <div class="goods-item">8商品</div>
    <!--    防止高度塌陷-->
    <div class="clear"></div>
</div>

<div>
    我是一个粉刷匠
</div>

</body>
</html>